<template>
    <div class="blog-list">
        <el-card class="box-card">
            <div class="header">
                <h3 class="blog-title">标题</h3>
                <div class="blog-meta">
                    <span>2021-3-8</span>
                </div>
            </div>
            <el-divider></el-divider>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped>
    .blog-list{
        margin-left: 16.66667%;
        width: 66.66667%;
    }
    .box-card{
        width: 800px;
        margin: 50px auto;
        padding: 15px;
        background: #fff;
        border-radius: 10px;
        background-color: #f2f2f2;

    }
    .blog-title{
        text-align: center;
        font-size: 1.5rem;
        margin: 20px auto;
    }
    .blog-meta{
        text-align: center
    }
</style>